﻿@{
    ViewBag.Title = "Consultar Propuesta";
}
<script type="text/javascript">
    function BuscarPropuesta() {
        var codigo = $("#txtCodigo").val();
        var nombre = $("#txtNombe").val();
        var urlSearch = '@Url.Action("BuscarPropuesta", "Proveedor")'
        var paramSearch = "{ 'codigo': '" + codigo +"', 'nombre': '" + nombre + "'}";
        $.ajax({
            url: urlSearch,
            type: "POST",
            data: paramSearch,
            contentType: "application/json",
            dataType: "json",
            success: function (result) {
                $("#tablaListado tbody tr").remove();
                if (result != "") {
                    $.each(result, function (i, item) {
                        var row = "<tr>" +
                              "<td>" + item.IdPropuesta + "</td>" +
                              "<td>" + item.NombrePropuesta + "</td>" +
                              "<td align='center'>" + item.FechaPropuestaString + "</td>" +
                              "<td align='center'>" + item.Precio + "</td>" +
                              "<td align='center'>" + item.Propuesta + "</td>" +
                              "<td align='center'>" + item.NombreConvocatoria + "</td>" +
                              "</tr>";
                        $("#tablaListado tbody").append(row)
                    });
                } else {
                    $("#tablaListado tbody").append("<tr><td colspan='6'>No existen propuestas para los criterios de búsqueda ingresados..</td></tr>")
                }

            },
            error: msgError
        });
        
    }

    function msgError(error) {
        var err = (typeof error.responseText) == 'string' ? eval('(' + error.responseText + ')') : error.responseText;
        alert('Error: ' + err.Message);
    }

    function RegistrarPropuesta() {
        document.location = '@Url.Action("RegistrarPropuesta", "Proveedor")'
    }

    $(document).ready(function () {
        BuscarPropuesta();
        $("#txtCodigo").change(function () {
            if (isNaN($(this).val()))
                $(this).val("");
        }).trigger('change'); ;
    });
    
</script>
<h1>Propuesta</h1>
<table cellpadding="0" cellspacing="0" style="width: 80%;  border-collapse: collapse;">
    <tr>
        <td>C&oacute;d. Convocatoria:</td>
        <td><input type="text" id="txtCodigo" name="txtCodigo" maxlength="200" style="width: 100px" /></td>
    </tr>
    <tr>
        <td>Nombre Propuesta</td>
        <td><input type="text" id="txtNombe" name="txtNombe" maxlength="200" style="width: 250px" /></td>
        <td><input type="button" id="btnBuscar" value="Buscar" onclick="BuscarPropuesta()" /></td>
        <!--td><input type="button" id="btnNuevo" value="Registrar" onclick="RegistrarPropuesta()" class="boton" /></td-->
    </tr>
</table>
<br />

<table id="tablaListado" cellpadding="0" cellspacing="0" class="mGrid" style="width: 80%;
    border-collapse: collapse;">
    <thead>
        <tr>
            <th>C&oacute;digo</th>
            <th align="center">Nombre</th>
            <th align="center">Fecha</th>
            <th align="center">Precio</th>
            <th align="center">Propuesta</th>
            <th align="center">Convocatoria</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="6">
                No existen propuestas para los criterios de búsqueda ingresados..
            </td>
        </tr>
    </tbody>
</table>